.shopping-cart{
    .Footer{
        position: relative;
        height: 98px;
        background: #141d27;
        display: flex;
        .statistical{
            flex: 1;
            display: flex;
            align-items: center;
            .icon{
                position: relative;
                margin-left: 24px;
                width: 100px;
                height: 100px;
                .circle{
                    border-radius: 100px;
                    position: absolute;
                    background: #141d27;
                    top: -24px;
                    width: 120px;
                    height: 120px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .inside-circle{
                        border-radius: 100px;
                        width: 95px;
                        height: 95px;
                        background-color: #262D35;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        .logo{
                            font-size: 58px;
                            color: rgba(136, 36, 36, 0.4);
                            line-height: 48px;
                        }
                    }
                }
                .anchor{
                    border: 1px solid red;
                    background-color: red;
                    border-radius: 16px;
                    padding: 0 14px;
                    color: white;
                    position:absolute;
                    top: -24px;
                    right: -32px;
                    font-size:18px;
                    font-weight:700;
                    color:rgb(255,255,255);
                    line-height:32px;
    
    
                }
                .circle-light{
                    .inside-circle{
                        background-color: #369CE0;
                        .logo{
                            color: white;
                        }
                        .logo::before{
                            color: white;
                        }
                    }
                }
            }
            .division{
                margin: 0 24px;
                height: 50px;
                width: 1px;
                border-left: 1px solid #2D343E;
            }
            .price{
                margin-left: 24px;
                font-size: 32px;
                color: rgba(255,255,255,0.4);
                font-weight: 700;
                line-height: 48px;
            }
            .active_price{
                color: white;
            }
            .delivery-cost{
                font-size: 24px;
                color: rgba(255,255,255,0.4);
                font-weight: 500;
                line-height: 48px;
            }
        }
        .submit{
            width: 210px;
            font-size: 24px;
            background: #2C333C;
            color: rgba(255,255,255,0.4);
            font-weight: 700;
            line-height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .can_submit{
            background: #369CE0;
            color: white;
        }
    }
    .mask{
        z-index: 3;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        background:rgba(0, 0, 0, 0.9);
        position: absolute;
        color: black;
        .content{
            background: white;
            position: fixed;
            bottom: 98px;
            width: 100%;
            max-height: 500px;
            min-height: 180px;
            display: flex;
            flex-direction: column;
            .title{
                padding: 0 36px;
                background: #f3f5f7;
                border-bottom:1px solid  rgba(102, 121, 139, 0.1);
                display: flex;
                justify-content: space-between;
                .key{
                    font-size:28px;
                    font-weight:300;
                    color:rgb(7,17,27);
                    line-height:80px;
                }
                .command{
                    font-size:24px;
                    font-weight:500;
                    color:rgb(0,160,220);
                    line-height:80px;
                }
            }
            .list{
                flex: 1;
                overflow: scroll;
                .item{
                    margin: 0 36px;
                    padding: 24px 0;
                    display: flex;
                    align-items: center;
                    border-bottom:1px solid  rgba(102, 121, 139, 0.1);
                    .food-name{
                        flex: 1;
                        font-size:28px;
                        color:rgb(7,17,27);
                        line-height:48px;
                    }
                    .price{
                        .fee-icon{
                            font-size:20px;
                        }
                        font-size:28px;
                        font-weight:700;
                        color:rgb(240,20,20);
                        line-height:48px;
                    }
                    
                    .counter{
                        margin-left: 24px;
                    }
                }
            }
        }
        .nomore{
            margin-top: 20px;
            display: flex;
            justify-content: center;
        }
    }
    .showCarts{
        z-index: 4;
    }
}
